<template>
  <div>功能已经迁移到：基础数据--套餐设置</div>
<!--	<div>
		<crumbs :BreadCrumb="BreadCrumb"></crumbs>
		<div>
			<el-form :inline="true" :model="formInline" class="demo-form-inline" label-width="90px">
				<div>
					<el-form-item label="查询年份">
						<el-select v-model="formInline.region">
							<el-option label="全部" value="shanghai"></el-option>
							<el-option label="所有" value="beijing"></el-option>
						</el-select>
					</el-form-item>
					<el-form-item label="套餐名称">
						<el-input v-model="formInline.user" clearable></el-input>
					</el-form-item>
					<el-form-item label="单位名称">
						<el-input v-model="formInline.user" clearable></el-input>
					</el-form-item>
					<el-form-item label="体检类型">
						<el-select v-model="formInline.region">
							<el-option label="全部" value="shanghai"></el-option>
							<el-option label="所有" value="beijing"></el-option>
						</el-select>
					</el-form-item>
					<el-form-item>
						&lt;!&ndash; <el-button
		      icon="el-icon-search"
		      type="primary"
		      @click="onSubmit"
		    ></el-button> &ndash;&gt;
            <el-button type="primary">查询</el-button>
						<el-button type="primary" @click="ondialogFormcontent">新建合同</el-button>
						&lt;!&ndash; <el-button type="primary" @click="organization()">团体登记</el-button>
		    <el-button type="primary" @click="chargeis = true">收费</el-button>
		    <el-button type="success" @click="onSubmit">提交审核</el-button> &ndash;&gt;
					</el-form-item>
				</div>
			</el-form>
		</div>
		<div>
			<el-table ref="multipleTable" :data="tableDatalist" tooltip-effect="dark" style="width: 100%"
				@selection-change="handleSelectionChange">
				<el-table-column prop="customerName" label="套餐编号" width="120">
				</el-table-column>
				<el-table-column prop="customerName" label="套餐名称" width="120">
				</el-table-column>
				<el-table-column prop="customerName" label="代码" width="120">
				</el-table-column>
				<el-table-column prop="sex" label="体检类型" width="120">
				</el-table-column>
				<el-table-column prop="age" label="适用范围" width="120">
				</el-table-column>
				<el-table-column prop="telephone" label="单价" width="120">
				</el-table-column>
				<el-table-column prop="company" label="单位名称" width="120">
				</el-table-column>
				<el-table-column type="selection" width="55"> </el-table-column>
				<el-table-column prop="examType" label="有效时间" width="120">
				</el-table-column>
				<el-table-column type="selection" width="55"> </el-table-column>
				<el-table-column prop="packageCustomname" label="编辑时间" width="120">
				</el-table-column>
				<el-table-column prop="plannedSpeed" label="编写者" width="120">
				</el-table-column>
				<el-table-column prop="name" label="操作" width="180" fixed="right">
					<el-button @click="ondialogFormcontent(tableDatalist.row)">编辑</el-button>
					<el-button type="danger" @click="remove(tableDatalist.row)">删除</el-button>
				</el-table-column>
			</el-table>
		</div>
		<div class="pagination">
		  <el-pagination
		    @size-change="handleSizeChange"
		    @current-change="handleCurrentChange"
		    :current-page="currentPage4"
		    :page-sizes="[100, 200, 300, 400]"
		    :page-size="100"
		    layout="total, sizes, prev, pager, next, jumper"
		    :total="400"
		  >
		  </el-pagination>
		</div>
		&lt;!&ndash; 编辑体检项目信息弹框 &ndash;&gt;
		<el-dialog
		  title="新建合同"
		  :visible.sync="dialogFormcontent"
		  :append-to-body="true"
		  width="1600px"
		  class="top_dialog"
		>
		  <div>
		    <div class="box_flex">
		      <div>
		        <el-form
		          :inline="true"
		          :model="formInline"
		          class="demo-form-inline"
		          label-position="left"
		        >
		          <div>
		            <el-form-item :label-width="formLabelWidth" label="套餐名称">
		              <el-input
		                v-model="formInline.user"
		                placeholder="套餐名称"
		              ></el-input>
		            </el-form-item>
		            <el-form-item :label-width="formLabelWidth" label="编码">
		              <el-input
		                v-model="formInline.user"
		                placeholder="编码"
		              ></el-input>
		            </el-form-item>
		            <el-form-item :label-width="formLabelWidth" label="代码">
		              <el-input
		                v-model="formInline.user"
		                placeholder="代码"
		              ></el-input>
		            </el-form-item>
		            <el-form-item :label-width="formLabelWidth" label="显示排序">
		              <el-input
		                v-model="formInline.user"
		                placeholder="显示排序"
		              ></el-input>
		            </el-form-item>
		            <el-form-item :label-width="formLabelWidth" label="适用范围">
		              <el-select
		                class="form_select"
		                v-model="formInline.region"
		                size="medium"
		                placeholder="适用范围"
		              >
		                <el-option label="人事" value="shanghai"></el-option>
		                <el-option label="财务" value="shanghai"></el-option>
		              </el-select>
		            </el-form-item>
		          </div>
		          <div>
		            <el-form-item :label-width="formLabelWidth" label="单价">
		              <el-input
		                v-model="formInline.user"
		                placeholder="单价"
		              ></el-input>
		            </el-form-item>
		            <el-form-item :label-width="formLabelWidth" label="优惠价">
		              <el-input
		                v-model="formInline.user"
		                placeholder="优惠价"
		              ></el-input>
		            </el-form-item>
		            <el-form-item
		              class="info_sel_r_group_hou"
		              :label-width="formLabelWidth"
		              label="有效期限"
		            >
		              <el-input
		                v-model="formInline.user"
		                placeholder="有效期限"
		              ></el-input>
		            </el-form-item>
								<el-form-item>
									<el-checkbox v-model="checked">团体是否折扣</el-checkbox>
								</el-form-item>
								<el-form-item>
									<el-checkbox v-model="checked">是否启用</el-checkbox>
								</el-form-item>
								&lt;!&ndash; <el-form-item :label-width="formLabelWidth" label="">
								  <el-checkbox-group v-model="formInline.type">
								    <el-checkbox
								      class="info_sel_r_group"
								      label="团体是否折扣"
								      name="type"
								    ></el-checkbox>
								  </el-checkbox-group>
								</el-form-item>
		            <el-form-item :label-width="formLabelWidth" label="">
		              <el-checkbox-group v-model="formInline.type">
		                <el-checkbox
		                  class="info_sel_r_group"
		                  label="是否启用"
		                  name="type"
		                ></el-checkbox>
		              </el-checkbox-group>
		            </el-form-item> &ndash;&gt;
		          </div>
		        </el-form>
		      </div>
		      <div class="flex_btn">
		        <el-button type="primary" @click="copytaocan = true">复制</el-button>
		      </div>
		    </div>
		    <el-divider></el-divider>
		  </div>
		  <div class="box_flex">
		    &lt;!&ndash; 左侧目录 &ndash;&gt;
		    <div class="aside_box">
		      <administrative></administrative>
		    </div>
		    &lt;!&ndash; 左侧表格 &ndash;&gt;
		    <div class="dialog_tab_l">
		      <div>
		        <el-form
		          size="mini"
		          :inline="true"
		          :model="formInline"
		          class="demo-form-inline"
		        >
		          <el-form-item label="">
		            <el-input
		              v-model="formInline.user"
		              placeholder="关键字查询"
		            ></el-input>
		          </el-form-item>
		        </el-form>
		      </div>
		      <div>
		        <el-table
		          :data="tableData"
		          border
		          tooltip-effect="dark"
		          height="50vh"
		          ref="multipleTable"
		          @selection-change="handleSelectionChange"
		        >
		          <el-table-column type="selection" width="55"> </el-table-column>
		          <el-table-column prop="date" label="科室" width="80">
		          </el-table-column>
		          <el-table-column prop="name" label="检查项目" width="220">
		          </el-table-column>
		          <el-table-column width="80" prop="address" label="代码">
		          </el-table-column>
		          <el-table-column width="80" prop="address" label="适用范围">
		          </el-table-column>
		          <el-table-column width="80" prop="address" label="定价">
		          </el-table-column>
		          <el-table-column width="80" prop="address" label="序号">
		          </el-table-column>
		        </el-table>
		      </div>
		    </div>
		    <div class="dialog_tab_btn">
		      <div><el-button type="primary">></el-button></div>
		      <div><el-button type="primary">&lt;</el-button></div>
		    </div>
		    &lt;!&ndash; 右侧表格 &ndash;&gt;
		    <div class="dialog_tab_r">
		      <div>
		        <div class="dialog_tab_r_title">
		          <span>已选套餐的项目(6)</span>
		          <span>价格合计：389.00</span>
		        </div>
		      </div>
		      <div>
		        <el-table
		          :data="tableData"
		          border
		          height="50vh"
		          tooltip-effect="dark"
		          ref="multipleTable"
		          @selection-change="handleSelectionChange"
		        >
		          <el-table-column type="selection" width="55"> </el-table-column>
		          <el-table-column prop="date" label="科室" width="80">
		          </el-table-column>
		          <el-table-column prop="name" label="检查项目" width="220">
		          </el-table-column>
		          <el-table-column width="80" prop="address" label="代码">
		          </el-table-column>
		          <el-table-column width="80" prop="address" label="适用范围">
		          </el-table-column>
		          <el-table-column width="80" prop="address" label="定价">
		          </el-table-column>
		          <el-table-column width="80" prop="address" label="序号">
		          </el-table-column>
		        </el-table>
		      </div>
		    </div>
		  </div>
			<el-dialog
				title="选择套餐"
				:visible.sync="copytaocan"
				append-to-body>
			  <el-form :model="copytc">
			    <el-form-item label="" :label-width="formLabelWidth" style="width: 200px;">
			      <el-input v-model="copytc.name" placeholder="关键字"></el-input>
			    </el-form-item>
			  </el-form>
				<el-table
				    ref="multipleTable"
				    :data="medicalpackage"
				    tooltip-effect="dark"
				    style="width: 100%"
				    @selection-change="handleSelectionChange">
				    <el-table-column
				      type="selection"
				      width="55">
				    </el-table-column>
				    <el-table-column
				      prop="medicaltype"
				      label="体检类型">
				    </el-table-column>
				    <el-table-column
				      prop="number"
				      label="套餐编号">
				    </el-table-column>
				    <el-table-column
				      prop="medicaltao"
				      label="体检套餐">
				    </el-table-column>
				    <el-table-column
				      prop="price"
				      label="套餐价格">
				    </el-table-column>
				    <el-table-column
				      prop="range"
				      label="适用范围">
				    </el-table-column>
				    <el-table-column
				      prop="code"
				      label="代码">
				    </el-table-column>
						<el-table-column
						  label="日期">
						  <template slot-scope="scope">{{ scope.row.date }}</template>
						</el-table-column>
				  </el-table>
			  <div slot="footer" class="dialog-footer">
			    <el-button @click="copytaocan = false">取 消</el-button>
			    <el-button type="primary" @click="copytaocan = false">确 定</el-button>
			  </div>
			</el-dialog>
		  <div slot="footer" class="dialog-footer">
		    <el-button type="primary" @click="dialogFormVisible = false">保 存 并 继 续</el-button>
		  </div>
		</el-dialog>
	</div>-->
</template>

<script lang="ts">
	import Vue from "vue";
	import crumbs from "../../views/Crumbs.vue";
	import userinfos from "../common/userinfos.vue";

	export default {
		components: {
			crumbs,
			userinfos,
		},
		data() {
			return {
				// 选择套餐表格
				medicalpackage: [{
					medicaltype: "健康体检",
					number: "2020239",
					medicaltao: "经营套餐",
					price: 300.00,
					range: "女",
					code: ""
				}],
				copytc: {},
				copytaocan: false,
				dialogFormcontent: false,
				BreadCrumb: [{
						path: "",
						name: "检前管理"
					},
					{
						path: "/front/contract",
						name: "套餐管理"
					},
				],
				formInline: {},
				tableDatalist: [{
					"orderNo": "202111090008",
					"customerName": "李冰",
					"sex": "男",
					"age": "29",
					"telephone": "15609873642",
					"company": "铁道二局",
					"examType": "入职体检",
					"packageCustomname": "A男组员工入职套餐",
					"plannedSpeed": "4/6",
					"status": "已登记",
					"appointmentType": "手机",
					"signDatetime": "2021-11-03 16:07:23"
				}, ],
				tableData: [
				  {
				    name: "123",
				  },
				  {
				    name: "123",
				  },
				  {
				    name: "123",
				  },
				  {
				    name: "123",
				  },
				  {
				    name: "123",
				  },
				  {
				    name: "123",
				  },
				  {
				    name: "123",
				  },
				  {
				    name: "123",
				  },
				  {
				    name: "123",
				  },
				  {
				    name: "123",
				  },
				],
			};
		},
		methods: {
			ondialogFormcontent(row) {
				this.dialogFormcontent = true;
			},
		},
	};
</script>

<style scoped>
.box_flex_r .el-divider--horizontal {
  margin-top: 0px;
  margin-bottom: 10px;
}
.box_flex {
  display: flex;
}
.box_flex_l {
  width: 300px;
}
.box_flex_l .el-divider--horizontal {
  margin-bottom: 10px;
}
.box_flex_r {
  width: 80%;
  margin-left: 20px;
}
.box_flex_l_box_title {
  margin: 0px 0px 10px 10px;
}
.block {
  text-align: center;
  margin-top: 10px;
  /* margin:0px auto; */
}
.el-tree {
  padding-bottom: 20px;
  padding-top: 10px;
}
.info_sel_r_group {
  margin-left: 80px;
}
.info_sel_r_group_hou {
  margin-left: 95px;
}
.flex_btn {
  width: 100px;
}
.flex_btn button {
  margin: 10px 50px;
  height: 90px;
}
.top_dialog .el-divider--horizontal {
  margin-top: 0px;
  margin-bottom: 10px;
}
.top_dialog /deep/ .el-dialog {
  margin-top: 5vh !important;
}
.dialog_tab_l {
  margin-left: 20px;
}
.dialog_tab_btn{
  margin: 10px 20px 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.dialog_tab_btn div{
  margin-top: 20px;
  margin-bottom: 20px;
}
.dialog_tab_r_title{
  height: 45px;
  line-height: 45px;
}
.dialog_tab_r_title span:nth-child(2){
  margin-left: 50px;
}
.dialog-footer button:nth-child(1){
  margin-right: 50px;
}

.aside_box{
  width: 200px;
  height: 50vh;
  background:#fff;
  padding-top: 10px;
  overflow: hidden;
  overflow-y: auto;
}
</style>
